<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>盒子模型-内边距</title>
    <style>
      .box1 {
        width: 200px;
        height: 200px;
        background-color: #bfa;

        border: 1px solid red;
        /*内边距 padding*/
        padding-top: 100px;
        padding-left: 50px;

        /*
                一个盒子可见框的大小 由内容区 内边距和 边框 共同决定
            */
      }
    </style>
  </head>

  <body>
    <div class="box1">hello</div>
  </body>
</html>
